<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Konversi Kode HTML - Vampire Blogs</title>
<meta content='tutorial blog,script,java script ,html,css,blogger,slider,tutorial,software' name='keywords'/>
<meta content='blogger' name='generator'/>
<link href='http://images.wikia.com/diebesucher/de/images/1/1f/V_Logo.png' rel='icon' type='image/x-icon'/>
<link href='http://vampire-coders.blogspot.com/' rel='openid.delegate'/>
<meta content='6jiUlI3PRn4Gmwms-6TAqSF_lho' name='alexaVerifyID'/>
<meta content='Muhammad Yamin' name='Author'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='blogger' name='generator'/> 
<style type="text/css">
	body {
		background:url(http://jalantikus.com/images/bodyBG.png) top center repeat;
		padding:20px;
		font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
		color:#999;
	}

	p {margin-top:20px;}
	code {color:#aa2;}
	
	#codes {
		border:none;
		width:98%;
		height:200px;
		margin:10px auto 10px;
		display:block;
		background-color:#444;
		padding:5px;
		font:normal 12px 'Courier New',Monospace;
	}
	
	#codes:focus {background-color:#3c3c3c;color:white;}

	.button-group {
		margin:0px auto 0px;
		text-align:center;
	}
	
	button,button[disabled]:active {
		background-color:#3c3c3c;
		font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;
		color:#999;
		padding:5px 10px;
		border:none;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		cursor:pointer;
	}
	
	button:active {background-color:white;color:black;}
	button[disabled],button[disabled]:active {opacity:0.4;cursor:default;}

	#opt1,
	#opt2,
	#opt3,
	#opt4,
	#opt5 {
		display:inline-block;
		margin:0px 10px 0px 0px;
		vertical-align:middle;
		border:none;
		outline:none;
	}
.creditpic{padding:5px;border-top:1px solid #181818;overflow:hidden}
.credit{width:100%;line-height:1.6em;text-align:center;font-family:Arial;font-size:12px;color:#999;overflow:hidden;clear:both;margin:0 auto;padding:12px 0}
.credit a:link,.credit a:visited{color:#aaa;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none}
</style>
</head>
<body>
<textarea spellcheck="false" id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'"></textarea>
<div class="button-group">
<button id="cvrt" onclick="cdConvert();this.disabled = true;">Konversi</button>
<button onclick="cdClear();">Bersihkan</button>
</div>
<p>
<input checked="true" id="opt1" type="checkbox" />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code><br />
<input id="opt2" type="checkbox" />Konversi <code>&#39;</code> menjadi <code>&amp;#039;</code><br />
<input id="opt3" type="checkbox" />Konversi <code>&quot;</code> menjadi <code>&amp;quot;</code><br />
<input checked="true" id="opt4" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code><br />
<input checked="true" id="opt5" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code>
</p>
<script type="text/javascript">
function cdClear() {
    var wtarea = document.getElementById('codes');
    wtarea.value = '';
    wtarea.focus();
    document.getElementById('cvrt').disabled = false;
}
function cdConvert() {
    var ctarea = document.getElementById('codes'),
        cv = ctarea.value,
        opt1 = document.getElementById('opt1'),
        opt2 = document.getElementById('opt2'),
        opt3 = document.getElementById('opt3'),
        opt4 = document.getElementById('opt4'),
        opt5 = document.getElementById('opt5');
    cv = cv.replace(/\t/g, "    ");
    if (opt1.checked) cv = cv.replace(/&/g, "&amp;");
    if (opt2.checked) cv = cv.replace(/'/g, "&#039;");
    if (opt3.checked) cv = cv.replace(/"/g, "&quot;");
    if (opt4.checked) cv = cv.replace(/</g, "&lt;");
    if (opt5.checked) cv = cv.replace(/>/g, "&gt;");
    if (cv.lastIndexOf('\n') != -1 || cv.length > 40) {
        cv = cv.replace(/^/, "<i rel=\"pre\">");
    } else {
        cv = cv.replace(/^/, "<i rel=\"code\">");
    }
    cv = cv.replace(/$/, "</i>");
    ctarea.value = cv;
    ctarea.focus();
    ctarea.select();
};
</script>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<div class='creditpic'>
<div class='credit'>
<div style='float:left;text-align:left;'>
&#9608;&#9553;&#9612;&#9474;&#9608;&#9474;&#9553;&#9612;&#9553;&#9474;&#9474;&#9608;&#9553;&#9612;&#9474;&#9553;&#9612;&#9553;&#9608;&#9553;&#9553;&#9612;<br/>
Copyright &#169; 2012 - <span id='current-year'/>
<script type='text/javascript'>
function getCurrentYear() {
var d = new Date();
return d.getFullYear();
}
el = document.getElementById(&#39;current-year&#39;);
el.innerHTML = getCurrentYear();
</script><a href='http://www.vampire-coders.info/'>Vampire Blogs</a> - All Right Reserved
</div>

<div style='float:right;text-align:right;'>
<strong><a href='/p/blog-page_13.html' title='Tentang'>Privacy Policy</a> &#9642; <a href='/p/sanggahan-semua-isi-berupa-teks-gambar.html' title='Disclaimer'>	
Disclaimer</a> &#9642; <a href='/p/daftar-isi_7.html' title='Daftar Isi'>	
Daftar Isi</a> &#9642; <a href='/p/advertisement.html' title='Pasang Iklan'>	
Advertisement</a></strong><br/>
Design by <a href='http://www.vampire-coders.info/'>Vampire Blogs&#8482;</a>
</div>
</div>
</div>
</body>
</html>